<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>新闻列表</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	</head>
	<body>
		<div id="content">
			<div class="content_title">
				<a href="#">军事</a> · <a href="#">航空</a>
			</div>
			<a href="https://www.baidu.com">
				<div class="content_imgbox">
					<div class="content_imgbox_title">
						<h3>中俄联合军演直升机低空突防现场</h3>
					</div>
				</div>
			</a>
			<br/>
			<ul>
				<li>
					<a href="#">美国F22战斗机航展秀飞行特技与老爷机同飞</a>
				</li>
				<li>
					<a href="#">美国舰载无人加油机完成第二次空中加油</a>
				</li>
				<li>
					<a href="#">土耳其开发的四轴载人飞行器</a>
				</li>
				<li>
					<a href="#">美指责中国的熔断政策有违中美民航运输协定</a>
				</li>
			</ul>
		</div>
	</body>
</html>
<style type="text/css">
	img{
		/* display: block; */
	}
	ul{
		font-size: 14px;
	}
	ul > li{
		padding-left: 15px;
		height: 30px;
		align-items: center;
	}
	h3{
		font-size: 18px;
		color: #fff;
		font-weight: 800;
	}
	ul > li > a:link{
		color: #666666;
	}
	ul > li > a:visited{
		color: #666666;
	}
	ul > li > a:hover{
		color: #FF0000;
	}
	a:link{
		color: #404040;
	}
	a:visited{
		color: #404040;
	}
	a:hover{
		color: #FF0000;
	}
	#content{
		width: 300px;
		border: 1px solid;
	}
	.content_title{
		font-size: 18px;
		font-weight: 600;
		padding: 6px 0 10px 0;
	}
	.content_imgbox{
		width: 300px;
		height: 40px;
		background-image: url(img/prapic4.jpg);
		padding-top: 110px;
	}
	.content_imgbox_title{
		padding-left: 20px;
		height: 40px;
		background-image: linear-gradient(to top , #000000, transparent);
	}
</style>
